<template>
  <el-dialog
    title="合作商详情"
    :visible.sync="showParterDialog"
    class="detail_dialog"
    :close-on-click-modal="false"
  >
    <el-form>
      <el-row>
        <el-col :span="12">
          <el-form-item label-width="140px" label="合作商名称：">
            <span>{{ row.name }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label-width="140px" label="联系人：">
            <span>{{ row.contact }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label-width="140px" label="联系电话：">
            <span>{{ row.mobile }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label-width="140px" label="分成比例：">
            <span>{{ row.ratio }}</span>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </el-dialog>
</template>

<script>
export default {
  name: '',
  data () {
    return {
      showParterDialog: false,
      row: {}
    }
  },
  methods: {
    openDetailDialog (row) {
      this.showParterDialog = true
      this.row = row
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep .el-dialog {
  border-radius: 10px;
  width: 630px;
  .el-dialog__header {
    .el-dialog__title {
      line-height: 22px;
      font-size: 16px;
      font-weight: 600;
    }
  }

  .el-dialog__body {
    padding: 20px 20px 30px;
    color: #666;
  }
  .el-form-item {
    margin: 0;
  }
  .el-form-item__label {
    font-weight: 500;
  }
}
</style>
